/deep/.md-button-tab .md-button-tab-list{
  border:1px solid red;
}
/deep/.md-button-tab .md-button-tab-list .md-button-tab-item:not(:last-of-type){
  border-right:1px solid red;
}
/deep/.md-button-tab .md-button-tab-list .md-button-tab-item-active{
  background-color: red;
}
.md-button-tab{
  margin-bottom:10px;
}
.borrowed_record{
  // background-color: rgba(216,216,216,.5);
  .g-list{
    padding:0 .2rem;
    height:1rem;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    .g-top,.g-bottom{
      height:.5rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .g-top{
      .u-left{
        color:#888;
        font-size:.26rem;
      }
      .u-right{
        font-size:.3rem;
        font-weight: 600;
      }
    }
    .g-bottom{
      .u-left{
        color:#999;
      }
      .u-left,.u-right{
        font-size:.24rem;
      }
    }
  }
  .g-list1{
    // display: flex;
    // justify-content: center;
    // align-items: center;
    .g-box{
      margin:1.5rem auto .5rem;
      // margin-top:1.5rem;
      width:2.6rem;
      height:2.6rem;
      background-color: rgba(216,216,216,.5);
      border:1px solid #ccc;
    }
    .g-txt{
      display: flex;
      justify-content: center;
      margin:0 auto .8rem;
      color:#666;
    }
    .g-btn{
      display: flex;
      justify-content: center;
      .md-button.block{
        width:4rem;
        height:.8rem;
      }
    }
  }
}

.gray{
  color:#999;
}
.red{
  color:red;
}
.green{
  color:green;
}
.blue{
  color:blue;
}